<template>
    <div class="tab-content">
        {{contentData[tabIndex]|replaceNumToChs}}
    </div>
</template>

<script>
    import {mapState} from 'vuex';
    import {replaceNumToChs} from '@/filters'

    export default {
        name: "index",
        props: {
            contentData: Array
        },
        filters: {
            replaceNumToChs
        },
        computed: {
            ...mapState(['tabIndex'])
        }
    }
</script>

<style scoped>
    .tab-content {
        height: 350px;
        line-height: 350px;
        text-align: center;
        font-size: 100px;
    }
</style>